﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎登录后台管理系统</title>
<link href="../static/css/style.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="../static/js/jquery.js"></script>
<script src="../static/js/cloud.js" type="text/javascript"></script>
<script src="../static/js/vue.js" type="text/javascript"></script>
<script src="../static/js/axios.min.js" type="text/javascript"></script>

<script language="javascript">
    function clearCode() {
        $("#inputCode").val('')
    }
    function generateAuthCode() {
        // 生成随机验证码
        let authCode = "";
        let arr=['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J',
            'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',
            'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9',
            'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm',
            'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z',
            '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
    }

	$(function(){
        // 生成一个随机验证码
        generateAuthCode();
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
	$(window).resize(function(){  
    $('.loginbox').css({'position':'absolute','left':($(window).width()-692)/2});
    })  
});  
</script> 

</head>

<body style="background-color:#1c77ac; background-image:url(../static/images/light.png); background-repeat:no-repeat; background-position:center top; overflow:hidden;" >

    <div id="mainBody">
      <div id="cloud1" class="cloud"></div>
      <div id="cloud2" class="cloud"></div>
    </div>  


<div class="logintop" >
    <span>欢迎访问OA办公管理系统</span>    
    <ul>
    <li><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li>
    </ul>    
    </div>
    
    <div class="loginbody">
    
    <span class="systemlogo"></span> 
       
    <div class="loginbox loginbox2">
    
    <ul id="app">
<!--        <form action="/user/login" method="post">-->
    <li><input name="name" type="text"  class="loginuser" v-model="userName"  /></li>
    <li><input name="password" type="password" class="loginpwd" v-model="pws" onclick="JavaScript:this.value=''"/></li>
<!--    <li class="yzm">-->
<!--    <span><input name="" type="text" value="验证码" id="inputCode" onclick="clearCode()"/></span><cite onclick="generateAuthCode()" id="ccode"></cite>-->
<!--    </li>-->
    <li><input name="" type="button" class="loginbtn" value="登录" @click="login"/></li>
        </form>
    </ul>
    
    </div>
    
    </div>
<script type="text/javascript"  src="../static/js/login.js"></script>
	
    
</body>

</html>
